.rc-collapse {
  background-color: #f7f7f7;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
}

.rc-collapse-anim-active {
  transition: height .2s ease-out;
}

.rc-collapse > {
  .rc-collapse-item {
    border-top: 1px solid #d9d9d9;
    &:first-child {
      border-top: none;
    }
    > .rc-collapse-header {
      height: 38px;
      line-height: 38px;
      text-indent: 16px;
      color: #666;
      cursor: pointer;
      // 清除active时的outline
      outline: 0;
      .arrow {
        display: inline-block;
        content: '\20';
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 4px solid #666;
        vertical-align: middle;
        margin-right: 8px;
      }
    }
  }
  .rc-collapse-item-disabled > .rc-collapse-header {
    cursor: not-allowed;
    color: #999;
    background-color: #f3f3f3;
  }
}

.rc-collapse-content {
  overflow: hidden;
  color: #666;
  padding: 0 16px;
  background-color: #fff;
  > .rc-collapse-content-box {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.rc-collapse-content-inactive {
  display: none;
}

.rc-collapse-item:last-child > .rc-collapse-content {
  border-radius: 0 0 3px 3px;
}

.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
  margin-right: 6px;
}
